<template >
        <router-link :to="`/detail/${film.filmId}/${film.filmName}.html`" tag="div" class="film-item" >
            <div class="film-img" :style="`background-image: url(${film.filmImg})`"></div>
            <div class="film-title">{{film.filmName}}</div>
            <div class="film-source" v-show="film.source">
              <span class="star-img" v-for="(sta,i) in 5" :key="'sta'+i" :class="sta<=film.source? 'open':'close'"></span>
              <span class="star-source">{{film.source |addZero(1)}}</span>
            </div>
            <div class="film-source" v-show="!film.source">
              <span class="star-source">暂无评分</span>
            </div>
         </router-link>
</template>
<script>
export default {
  props:["film"]
}
</script>
<style lang="less" scoped>


</style>
